<div class="docs-menu">

  <h4>Overview</h4>
  <ul>
    <li {% if page.path == "/overview/download" %}class="active"{% endif %}><a href="{{ "/overview/download" | relative_url }}">Download</a></li>
    <li {% if page.path == "/overview" %}class="active"{% endif %}><a href="{{ "/overview" | relative_url }}">TLDR / Features</a></li>
    <li {% if page.path == "/overview/changelog" %}class="active"{% endif %}><a href="{{ "/overview/changelog" | relative_url }}">Changelog</a></li>
    <li {% if page.path == "/overview/contribute" %}class="active"{% endif %}><a href="{{ "/overview/contribute" | relative_url }}">Contribute</a></li>
    <li><a href="https://github.com/javve/list.js" target="_blank">GitHub</a></li>
  </ul>

  <h4>Documentation</h4>
  <ul>
    <li {% if page.path == "/docs" %}class="active"{% endif %}><a href="{{ "/docs" | relative_url }}">Getting started</a></li>
    <li {% if page.path == "/docs/list-api" %}class="active"{% endif %}><a href="{{ "/api" | relative_url }}">List API</a></li>
    <li {% if page.path == "/docs/item-api" %}class="active"{% endif %}><a href="{{ "/docs/item-api" | relative_url }}">Item API</a></li>
    <li {% if page.path == "/docs/search-sort" %}class="active"{% endif %}><a href="{{ "/docs/search-sort" | relative_url }}">Searching + Sorting</a></li>
    <li {% if page.path == "/faq" %}class="active"{% endif %}><a href="{{ "/faq" | relative_url }}">FAQ</a></li>
  </ul>

  <h4>Examples</h4>
  <ul>
    {% for example in site.examples %}
    <li><a href="{{ example.url | relative_url }}">{{example.name}}</a></li>
    {% endfor %}
  </ul>
</div>
